<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1460063_u6d707xp3pb.css"/>  <!-- link 图标链接  rel + href  俩属性缺一不可 -->
    <title></title>
</head>
<body>

<!--标注： shift + ctrl+ /  -->

<!--标签-->
<h1>标签</h1>
<h2>标签</h2>
<h3>标签</h3>
<h4>标签</h4>
<h5>标签</h5>
<h6>标签</h6>

<!--普通文本-->
<span>普通文本</span>

<!--超链接-->
 <a>超链接</a>

<!--粗体-->
<b>粗体</b>

<!--斜体-->
<i>斜体</i>
<em>斜体2</em>

<!--图标-->
<i class="iconfont iconaixin" style="font-size: 100px"></i>

<!--图片标签-->
<img src="http://img.tukexw.com/img/fcfafc1173946a6b.jpg"/>

<img src="../img/爱心_line%20(1).png" />

<!--段落文本标签-->
<p>段落</p>
<p>段落</p>
<p>段落</p>
<p>段落</p>
<p>段落</p>

<!--列表标签-->
<!--无序列表-->
<ul>
    <li>列表标签</li>
    <li>列表标签</li>
    <li>列表标签</li>
    <li>列表标签</li>
</ul>
<!--有序列表-->
<ol>
    <li>列表标签</li>
    <li>列表标签</li>
    <li>列表标签</li>
    <li>列表标签</li>
</ol>

<!--删除字体-->
<del>删除</del>

<!--输入框（表单）-->
<input type="text" placeholder="弱提示"/><!--文本输入  弱提示是虚字  -->

<input type="password">  <!--密文输入框-->

<input type="radio" name="a"/>  <!--单选框-->
<input type="radio" name="a"/>  <!--单选框-->   <!--单选框俩选一：  要加name +同要素 -->

<input type="checkbox"/>   <!--多选框-->



<!--按钮-->
<button>我是按钮</button>

<input type="button" >

<input type="button" value="我是按钮">  <!--纯按钮  要加字 加value -->

<input type="range"> <!--滑块-->

<input type="color">  <!--颜色选择-->

<!--段落文本输入框-->
<textarea></textarea>

<!--下滑框xz--><!-- select +option  配套 -->
<select>
    <option>苹果</option>
    <option>香蕉</option>
    <option>柿子</option>
    <option>草莓</option>
</select>

<!--块元素  使用最多 单打没元素 要加其他代码 -->
<div></div>
<div style="width: 80px;height: 50px;border-radius: 10px;border: 1px solid black"></div>



</body>
</html>